<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/index1684_1899.css"
        media="screen and (min-width: 1684px) and (max-width: 1899px)">
    <link rel="stylesheet" href="./css/index1350_1683.css"
        media="screen and (min-width: 1350px) and (max-width: 1683px)">
    <link rel="stylesheet" href="./css/index1900.css" media="screen and (min-width:1900px)">

</head>

<body id="bodybb">
    <!-- 头部 -->
    <div class="header-wrapper nav-bgc-18">
        <div class="header">
            <div class="header-top">
                <div class="header-top-left">
                    <div class="header-top-li">
                        <a href="" class="header-topleft-li-a">
                            <i class="home nav_icon_spirit_2022_1"></i>
                            <span>首页</span>
                        </a>
                    </div>
                    <div class="header-top-li Current-Events-li">
                        <a href="" class="header-topleft-li-a">
                            <span class="Current-Events">时政</span>
                            <i class="Current_Event_i"></i>
                        </a>
                    </div>
                    <div class="header-top-li">
                        <a href="" class="header-topleft-li-a">
                            <span>新闻</span>
                        </a>
                    </div>
                    <div class="header-top-li">
                        <a href="" class="header-topleft-li-a">
                            <span>评论</span>
                        </a>
                    </div>
                    <div class="header-top-li">
                        <a href="" class="header-topleft-li-a">
                            <span>视频</span>
                        </a>
                    </div>
                    <div class="header-top-li">
                        <a href="" class="header-topleft-li-a">
                            <span>财经</span>
                        </a>
                    </div>
                    <div class="header-top-li">
                        <a href="" class="header-topleft-li-a">
                            <span>体育</span>
                        </a>
                    </div>
                    <div class="header-top-li">
                        <a href="" class="header-topleft-li-a">
                            <span>教育</span>
                        </a>
                    </div>
                    <div class="header-top-li">
                        <a href="" class="header-topleft-li-a">
                            <span>熊猫</span>
                            <i class="hot"></i>
                        </a>
                    </div>
                    <div class="header-top-li">
                        <a href="" class="header-topleft-li-a">
                            <span>直播中国</span>
                        </a>
                    </div>
                    <div class="header-top-li header-topleft-li-line">
                        <a href="" class="header-topleft-li-a">
                            <span>4K</span>
                        </a>
                    </div>
                    <div class="header-top-li Current-Events-li header-topleft-li-line">
                        <a href="" class="header-topleft-li-a">
                            <span class="Current-Events">CCTV.直播</span>
                            <i class="Current_Event_i"></i>
                        </a>
                    </div>
                    <div class="header-top-li Current-Events-li header-topleft-li-line">
                        <a href="" class="header-topleft-li-a">
                            <span class="Current-Events">中</span>
                            <i class="Current_Event_i"></i>
                        </a>
                    </div>
                    <div class="header-top-li header-topleft-li-line AIGC-div">
                        <span>
                            <i class="AIGC nav_icon_spirit_2022_1"></i>
                        </span>
                    </div>
                </div>
                <div class="header-top-right">
                    <div class="header-top-li user_icon search-div" id="search_popup">
                        <span class="search_i">
                            <i class="SEARCH nav_icon_spirit_2022_1"></i>
                        </span>
                    </div>
                    <div class="header-top-li user_icon user-div" id="login_popup">
                        <span class="user_i">
                            <i class="SEARCH nav_icon_spirit_2022_1"></i>
                        </span>
                    </div>
                    <div class="header-top-li user_icon class-div" id="class_popup">
                        <span class="class_i">
                            <i class="SEARCH nav_icon_spirit_2022_1"></i>
                        </span>
                    </div>
                </div>
            </div>
            <div class="header-bottom">
                <!-- 默认 -->
                <div class="header-bottom-contain" id="slide">
                    <div class="slide_con">
                        <ul>
                            <li>
                                <a href="">地方</a>
                            </li>
                            <li>
                                <a href="">乡村振兴</a>
                            </li>
                            <li>
                                <a href="">生态环境</a>
                            </li>
                            <li>
                                <a href="">一带一路</a>
                            </li>
                            <li>
                                <a href="">文旅美食</a>
                            </li>
                            <li>
                                <a href="">海洋</a>
                            </li>
                            <li>
                                <a href="">健康</a>
                            </li>
                            <li>
                                <a href="">书画</a>
                            </li>
                            <li>
                                <a href="">阅读</a>
                            </li>
                            <li>
                                <a href="">时尚</a>
                            </li>
                            <li>
                                <a href="">汽车</a>
                            </li>
                            <li>
                                <a href="">AI</a>
                            </li>
                            <li>
                                <a href="">产业+</a>
                            </li>
                            <li>
                                <a href="">网上展馆</a>
                            </li>
                            <li>
                                <a href="">央视网选</a>
                            </li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                </div>
                <!-- 时政 -->
                <div class="header-bottom-contain slide1" style="display: none;">
                    <div class="slide_con">
                        <ul>
                            <li>
                                <a href="">人民领袖习近平</a>
                            </li>
                            <li>
                                <a href="">联播+</a>
                            </li>
                            <li>
                                <a href="">中国领导人</a>
                            </li>
                            <li>
                                <a href="">央视快评</a>
                            </li>
                            <li>
                                <a href="">习式妙语</a>
                            </li>
                            <li>
                                <a href="">热解读</a>
                            </li>
                            <li>
                                <a href="">天天学习</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- CCTV -->
                <div class="header-bottom-contain slide1" style="display: none;">
                    <div class="slide_con">
                        <ul>
                            <li>
                                <a href="">直播</a>
                            </li>
                            <li>
                                <a href="">片库</a>
                            </li>
                            <li>
                                <a href="">栏目大全</a>
                            </li>
                            <li>
                                <a href="">节目单</a>
                            </li>
                            <li>
                                <a href="">听音</a>
                            </li>
                            <li>
                                <a href="">微视频</a>
                            </li>
                            <li>
                                <a href="">主持人</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 中 -->
                <div class="header-bottom-contain slide1" style="display: none;">
                    <div class="slide_con">
                        <ul>
                            <li>
                                <a href="">English</a>
                            </li>
                            <li>
                                <a href="">Монгол</a>
                            </li>
                            <li class="slide_con_iamge">
                                <img src="./images/slide1(1).png" alt="" class="lan">
                                <img src="./images/slide1(2).png" alt="" class="lanCur">
                            </li>
                            <li>
                                <a href="">iPanda</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="search_popup_wrapper" style="width: 0px;" id="search_popup_wrapper">
                <div class="search_popup">
                    <div class="search_popup_box">
                        <div class="search_popup_con">
                            <div class="search_popup_left" id="search_popup_left">
                                <p id="search_popup_p">网页</p>
                                <div class="search_popup_select" id="search_popup_select" style="display: none;">
                                    <a id="popup_select1_http" href="javascript:void(0)">网页</a>
                                    <a id="popup_select1_video" href="javascript:void(0)">视频</a>
                                </div>
                            </div>
                            <div class="search_popup_input">
                                <input type="text">
                            </div>
                            <div class="search_popup_hot">
                                <a href="">热搜榜</a>
                            </div>
                            <div class="search_popup_btn">
                                <input type="button">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="login_popup_wrapper" id="login_popup_wrapper">
                <div class="login_popup_con">
                    <div class="login_popup">
                        <div class="top">
                            <div class="login_popup_send">
                                <input type="text" style="margin-bottom: 20px;" placeholder="账号">
                                <input type="password" style="display: none;margin-bottom: 7px;" id="password">
                                <input type="text" value="密码" style="margin-bottom: 7px;" id="text">
                            </div>
                            <div class="login_popup_tip">
                                <input type="checkbox">
                                <span style="width: 108px;">下次自动登录</span>
                                <span>
                                    <a href="">忘记密码</a>
                                </span>
                                <!-- <div class="clear"></div> -->
                            </div>
                            <div class="login_popup_login">
                                <a href="">登录</a>
                                <a href="">立即注册</a>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="bottom">
                            <span>使用合作网站账号登录</span>
                            <span>
                                <a href=""><img
                                        src="https://p5.img.cctvpic.com/photoAlbum/templet/common/DEPA1381197220279381/cooper_wx_141230.png"
                                        alt=""></a>
                                <a href=""><img
                                        src="https://p5.img.cctvpic.com/photoAlbum/templet/common/DEPA1381197220279381/cooper_qq_10886_140506.png"
                                        alt=""></a>
                                <a href=""><img
                                        src="https://p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1441519391707376/cooper_wb_13730_151019.png"
                                        alt=""></a>
                                <a href=""><img
                                        src="https://p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1456645307521846/zfb_14686_160513.png"
                                        alt=""></a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="class_popup_wrapper" id="class_popup_wrapper">
                <div class="class_popup_title">
                    <div class="image">
                        <img src="https://p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1652643499621200/mapLogo.png"
                            alt="">
                    </div>
                    <div class="close" id="class_popup_close"></div>
                </div>
                <div class="class_popup_contain" id="class_popup_contain">
                    <!-- 高度相差130 -->
                    <div class="class_popup_list" id="class_popup_list">
                    </div>
                </div>
            </div>
        </div>
        <div class="line"></div>
    </div>
    <!-- 第一个轮播图 -->
    <div class="swiper-wrapper">
        <!-- 插件 -->
        <div class="column_wrapper">
            <!-- 节目官网logo -->
            <div class="logo">
                <a href="">
                    <img src="https://p2.img.cctvpic.com/photoAlbum/page/performance/img/2021/9/14/1631585721137_436.png"
                        alt="央视节目官网" title="CCTV节目官网是中央电视台电视节目官方呈现平台，提供央视19个频道的直播、点播、节目预告等服务，集纳央视所有栏目、电影、
                    电视剧、纪录片、动画片、体育赛事、特别节目资源，提供节目搜索、检索、点赞、分享、收藏等多种功能，用户覆盖210多个国家和地区，是
                    网民了解央视、收看央视、参与央视的最佳渠道。">
                </a>
            </div>
            <!-- 搜索框 -->
            <div class="firstSearch">
                <!-- 左部分text和弹出框 -->
                <div class="left">
                    <input type="text" placeholder="一线" value="一线" class="firstSearch_text" id="firstSearchtext"
                        onkeypress="if(event.keyCode==13);" onkeydown="entersearch(event)" target="_blank">
                    <a href="https://tv.cctv.com/top/index.shtml" class="firstSearch_a">热榜</a>
                    <div class="sContent" id="sContent" style="display: none;">
                        <!-- 热门搜索弹出框 -->
                        <div class="hotSearch">
                            <div class="text">热门搜索</div>
                            <div id="hotSearchdiv"></div>
                        </div>
                    </div>
                </div>
                <!-- 右部分搜索蓝色框 -->
                <div class="right">
                    <input type="submit" value="" onclick="to()" value="百度一下" />
                </div>
            </div>
            <!-- 轮播图右侧导航列表 -->
            <div class="floatText">
                <div class="liveon live" id="liveon">正在热播</div>
                <div class="liveco live" id="liveco">精彩推荐</div>
                <!-- 接口实现 -->
                <div class="swiper-pagination" id="swiper-pagination">
                </div>
            </div>
        </div>
        <!-- 正在热播 -->
        <!-- 正在热播背景图片 -->
        <div class="swiper-container" id="livePlay_container" style="display: block;">
            <div class="swiper-img swiper-img1">
                <a href="">
                    <img src="https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/1629082829084_880.png"
                        alt="">
                </a>
            </div>
        </div>
        <!-- 轮播图左右点击按钮 -->
        <div class="slider-btn" id="slider-btn" style="display: block;">
            <div class="btn btnleft" id="btnleft" style="display: none;"></div>
            <div class="btn btnright" id="btnright"></div>
            <div class="con">
                <!-- 轮播图图片接口实现 -->
                <ul id="conul" style="margin-left: 0px;">
                </ul>
            </div>
        </div>
        <!-- 精彩推荐背景图片 -->
        <div class="swiper-container" id="recommendData_container">
        </div>

    </div>
    <!-- 轮播图下方导航 -->
    <div class="column_wrapper">
        <div class="nav-container">
            <!-- 左部分列表 -->
            <ul class="nav1-left" id="nav1-left">
            </ul>
            <!-- 分割线 -->
            <div class="nav1-line"></div>
            <!-- 右部分列表 -->
            <ul class="nav2-right" id="nav2_right">
            </ul>
            <!-- 分割线 -->
            <div class="nav1-line">
            </div>
            <!-- 最后手机部分 -->
            <div class="nav1-end">
                <!-- 手机 -->
                <div class="nav1e-phone" id="nav1_phone">
                    <i></i>
                    <a href="/">手机看</a>
                </div>
                <!-- 二维码 -->
                <div class="nav1e-erweima" id="nav1_erweima" style="display: none;">
                    <img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/9/8/1631070442779_641.jpg"
                        alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 今日热门 -->
    <div class="column_wrapper">
        <div class="hotToday">
            <!-- 今日热门标题 -->
            <div class="textTab">
                <h3>今日热门</h3>
            </div>
            <div class="hotToday_content">
                <ul id="hotTodayul">
                    <!-- 今日热门接口调用 -->
                </ul>
            </div>
        </div>
    </div>
    <!-- 直播导视 -->
    <div class="column_wrapper ttct4">
        <!-- 大标题 -->
        <div class="hotToday">
            <div class="textTab">
                <!-- 直播导视标题 -->
                <h3>直播导视</h3>
                <!-- 右侧节目单 -->
                <span class="program">
                    <a href="" target="_blank">节目单</a>
                </span>
            </div>
            <!-- 右侧点击刷新按钮 -->
            <div class="rightt" id="rightt">
                <i></i>
                <span>点击刷新</span>
            </div>
            <div class="clear"></div>
            <!-- 内容 -->
            <div class="content">
                <!-- 左边按钮 -->
                <div class="pro_left pro" id="pro_left">
                    <div class="pro_btn_left pro_btn">
                    </div>
                </div>
                <!-- 右边按钮 -->
                <div class="pro_right pro" id="pro_right">
                    <div class="pro_btn_right pro_btn">
                    </div>
                </div>
                <!-- 中间内容 -->
                <div class="pro_con" id="pro_con">
                    <ul style="margin-left: 0px;" id="pro_ul">
                        <li>
                            <div class="li_con">
                                <div class="img">
                                    <a href="/">
                                        <img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/8/19/1629359983543_414.png"
                                            alt="">
                                        <span>综合</span>
                                    </a>

                                </div>
                                <div class="title">
                                    <a href="/">20:59-21:52</a>
                                </div>
                                <div class="brief">
                                    <a href="">高山清渠第20集</a>
                                </div>
                            </div>
                            <!-- 蓝色的下划线 -->
                            <span class="li_line">
                            </span>
                        </li>
                        <div class="clear"></div>
                    </ul>
                    <div class="clear"></div>
                </div>
                <div class="pro_shadow">
                </div>
            </div>
        </div>

    </div>
    <!-- 直播导视下方框架 -->
    <div class="column_wrapper">
        <div class="inner_cctv5">
            <div class="ttct5">
                <ul id="cctv5_ul" class="cctv5_ul">
                </ul>
            </div>
            <div class="content">
                <ul class="cctv5_ul2" id="cctv5_ul2">
                    <div class="clear"></div>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- 蓝色的框框 -->
    <div class="blue-wrapper">
        <ul id="blue-ul" class="blue-ul">
            <li class="cel02">
                <a href="">
                    <img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2022/2/7/1644212933951_993.png"
                        alt="">
                </a>
            </li>
            <li></li>
        </ul>
    </div>
    <!-- 片库 -->
    <!-- 片库框架 -->
    <div class="column_wrapper">
        <div class="video_vault_wrapper">
            <!-- 片库内容 -->
            <div class="video_vault">
                <!-- 片库标题 -->
                <div class="video_vault_left">
                    <h3>片库</h3>
                </div>
                <div class="video_vault_right" id="video_vault_right">
                    <a href="/" class="cur">电视剧</a>
                    <a href="/">动画片</a>
                    <a href="/">纪录片</a>
                    <a href="/">特别节目</a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="video_vault_contain" id="video_vault_contain">
                <div class="video_vault_inside" id="video_vault_inside">
                    <!-- 四个ul -->
                    <ul class="video_vault_ul">
                        <li style="z-index: 1;" class="video_vault_li">
                            <!-- 视频轮播 -->
                            <div class="video_vault_con" id="video_vault_con">
                                <div class="common">
                                    <div class="img">
                                        <a href="">
                                            <img src="./images/cctv5_img2src1.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="text">
                                        <a href="">《小镇警事》</a>
                                    </div>
                                </div>
                                <div class="hover" style="display: none;">
                                    <div class="img">
                                        <a href="">
                                            <img src="./images/cctv5_hover1.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="text">
                                        <h3>
                                            <a href="">
                                                《小镇警事》
                                            </a>
                                        </h3>
                                        <span>
                                            <a href="">和《正大综艺》一起，饱览四方乡镇风光好物，细品历史今朝气象万千。</a>
                                        </span>
                                        <div class="label">
                                            <a href="">
                                                都市
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 类型注释 -->
                            <div class="video_vault_typeLabel">
                                <a href="/">剧情</a>
                            </div>
                        </li>
                        <div class="clear"></div>
                    </ul>
                </div>

            </div>
        </div>
    </div>
    <!-- 看点 -->
    <div class="column_wrapper">
        <div class="watch_focus_wrapper">
            <div class="watch_focus">
                <h3>看点</h3>
                <span id="watch_focus_span">
                    <!-- <a href="">第一时间</a> -->
                </span>
            </div>
            <div class="watch_focus_container">
                <div class="watch_focus_left">
                    <ul id="watch_focus_ul">
                        <li>
                            <div class="image">
                                <a href="" target="_blank">
                                    <img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2022/8/3/1659491184802_539.jpg"
                                        alt="">
                                </a>
                            </div>
                            <div class="text">
                                <div class="title">
                                    <a href="">
                                        可“定向爆破”癌细胞！揭秘重离子加速器
                                    </a>
                                </div>
                                <div class="brief">
                                    <a href="">透视新科技</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="image">
                                <a href="" target="_blank">
                                    <img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2022/8/3/1659491184802_539.jpg"
                                        alt="">
                                </a>
                            </div>
                            <div class="text">
                                <div class="title">
                                    <a href="">
                                        可“定向爆破”癌细胞！揭秘重离子加速器
                                    </a>
                                </div>
                                <div class="brief">
                                    <a href="">透视新科技</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="watch_focus_right">
                    <div class="watch_focus_list_bg"></div>
                    <div class="watch_focus_list_top">收视TOP榜</div>
                    <div class="watch_focus_list_con">
                        <ul id="watch_focus_list_ul">
                            <!-- <li>
                                <i></i>
                                <a href="/">踔厉奋发 非凡十年</a>
                            </li> -->
                            <div class="clear"></div>
                        </ul>
                        <div class="watch_focus_alllist">
                            <a href="https://tv.cctv.com/top/index.shtml" target="_blank">全部榜单</a>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- 看点下面四个人头 -->
    <div class="column_wrapper">
        <div class="four_people">
            <ul id="four_people_ul">
                <li>
                    <a href="/">
                        <img src="https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1628231077516717/zwPic1_1.gif"
                            alt="">
                    </a>
                    <div class="img">
                        <img src="https://p5.img.cctvpic.com/photoAlbum/page/performance/img/2022/7/18/1658111710330_968.png"
                            alt="">
                    </div>
                    <div class="text">
                        <div class="title">王广杰</div>
                        <div class="brief">“电工爷爷” 高龄直播</div>
                    </div>
                    <div class="clear"></div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 听音 -->
    <div class="column_wrapper">
        <div class="listen_voice_left watch_focus_left">
            <!-- 左半部分视频列表 -->
            <ul id="listen_voice_ul">
            </ul>
        </div>
        <!-- 右半部分 -->
        <div class="listen_voice_right">
            <div class="watch_focus_list_bg"></div>
            <div class="watch_focus_list_top">听音</div>
            <div class="listen_voice_right_con">
                <ul id="listen_voice_right_ul">
                </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <!-- 广告 -->
    <div class="column_wrapper">
        <div class="advert">
            <a href="" id="advert_a">
                <img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2022/8/5/1659667987247_354.jpg"
                    alt="" class="advert1">
                <img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2022/8/5/1659667989648_731.jpg"
                    alt="" class="advert2">
                <img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2022/8/5/1659667991880_172.jpg"
                    alt="" class="advert3">
                <img src="https://p2.img.cctvpic.com/photoAlbum/page/performance/img/2022/8/5/1659667994378_930.jpg"
                    alt="" class="advert4">
            </a>
        </div>
    </div>
    <!-- 年代剧推荐 -->
    <div class="column_wrapper">
        <!-- 左半部分视频列表 -->
        <div class="time_play watch_focus_left">
            <!-- 左半部分视频列表 -->
            <ul id="time_play_ul">
            </ul>
        </div>
        <!-- 右半部分 -->
        <div class="watch_focus_right time_play_right">
            <div class="watch_focus_list_bg"></div>
            <div class="watch_focus_list_top">年代剧推荐</div>
            <div class="watch_focus_list_con time_play_div">
                <ul id="time_play_right_ul">
                    <li>
                        <a href="">
                            《青山不墨》三代林业人赓续生态史诗
                        </a>
                    </li>
                </ul>
                <div class="watch_focus_alllist">
                    <a href="https://tv.cctv.com/top/index.shtml" target="_blank">更多看剧看点</a>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <!-- 拉长效果部分 -->
    <div class="length_effect">
        <div class="length_effect_con" id="length_effect_con">
            <!-- 外面固定一个框框
            <script type="text/javascript" src="./js/length_effect.js"></script> -->
        </div>
    </div>
    <!-- 央视大全 -->
    <div class="column_wrapper">
        <!-- 标题图片 -->
        <div class="cctv_daqo_title">
            <div class="image">
                <a href="" target="_blank">
                    <img src="https://p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/8/11/1628651969898_511.png"
                        alt="">
                </a>
            </div>
        </div>
        <!-- 按钮表格 -->
        <div class="cctv_daqo_button">
            <table width="100%" cellspacing="0" cellpadding="0">
                <tbody id="cctv_daqo_button_tbody">
                    <!-- 第一行 -->
                    <tr id="cctv_daqo_button_tr1">
                        <td class="cur">
                            <a href="">
                                CCTV-1<br />
                                <i></i>
                            </a>
                            <span></span>
                        </td>
                    </tr>
                    <!-- 第二行 -->
                    <tr id="cctv_daqo_button_tr2">
                    </tr>
                </tbody>
            </table>
        </div>
        <!-- 主体内容 -->
        <div class="cctv_daqo_con" id="cctv_daqo_con">
            <div class="cctv_daqo_box">
                <div class="cctv_daqo_box_left">
                    <div class="imgbox">
                        <div class="image">
                            <a href="" target="_blank">
                                <img src="https://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1367457523502574/cctv1.jpg"
                                    alt="">
                            </a>
                        </div>
                        <div class="text">
                            <p>正在播出：</p>
                            <a href="" target="_blank">装台第26集</a>
                            <p>精彩预告：</p>
                            <a href="">装台第27集</a>
                        </div>
                    </div>
                </div>
                <div class="cctv_daqo_box_right">
                    <div class="listbox">
                        <table width="100%">
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="" target="_blank">新闻联播</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer_wrapper">
        <div class="footer_tbg">
            <div class="footer_top">
                <div class="about_us" id="about_us">
                </div>
            </div>
        </div>
        <div class="footer_bottom">
            <div class="footer_bottom_con">
                <div class="footer_bottom_left">
                    <p>
                        <a
                            href="https://help.cctv.com/2020/03/11/ARTI2EZRxlz2vUYrpi2B86VV200311.shtml?spm=C28340.PdNvWY0LYxCP.ERyba75kKojv.1">违法和不良信息举报电话:010-88047123</a>&nbsp;&nbsp;
                        <a
                            href="https://beian.miit.gov.cn/?spm=C28340.PdNvWY0LYxCP.ERyba75kKojv.2#/Integrated/index">京ICP证060535号</a>&nbsp;&nbsp;
                        网上传播视听节目许可证号0102002 新出网证（京）字098号
                    </p>
                    <p>
                        <a
                            href="https://beian.miit.gov.cn/?spm=C28340.PdNvWY0LYxCP.ERyba75kKojv.3#/Integrated/index">京ICP备06036302号-2</a>&nbsp;&nbsp;
                        <a
                            href="https://beian.miit.gov.cn/?spm=C28340.PdNvWY0LYxCP.ERyba75kKojv.4#/Integrated/index">京ICP备10003349号</a>&nbsp;&nbsp;
                        <a
                            href="http://www.beian.gov.cn/portal/registerSystemInfo?spm=C28340.PdNvWY0LYxCP.ERyba75kKojv.5&recordcode=11000002000018">京网文[2014]0383-083号</a>

                    </p>
                </div>
                <div class="footer_bottom_right">
                    <div class="serve">
                        <div class="image">
                            <img src="https://p2.img.cctvpic.com/photoAlbum/page/performance/img/2022/1/19/1642605651547_516.gif"
                                alt="">
                        </div>
                        <div class="image">
                            <img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2020/11/13/1605265582599_132.jpg"
                                alt="">
                        </div>
                        <div class="text">
                            网络110<br>报警服务
                        </div>
                    </div>
                    <div class="all">
                        <p>中央广播电视总台&nbsp;&nbsp;央视网&nbsp;&nbsp;版权所有</p>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- 头部的导航条 -->
    <div class="navigation_wrapper" id="navigation_wrapper" style="opacity: 0;display: none;">
        <div class="navigation">
            <div class="navigation_left">
                <span>
                    <img src="https://p1.img.cctvpic.com/photoAlbum/templet/special/PAGEdNvWY0LYxCPWjyNDAVa2210805/ELMTHxWBOAUDg5x78VOQ6ykH210824_1629792792.png"
                        alt="">
                </span>
                <ul class="navigation_ul" id="navigation_ul">
                    <li>
                        <a href="https://tv.cctv.com/live/index.shtml" target="_blank">直播</a>
                    </li>
                    <li><a href="https://tv.cctv.com/epg/index.shtml" target="_blank">节目单</a></li>
                    <li class="navli">
                        <a>
                            频道大全
                            <i class="navli_i"></i>
                        </a>
                        <!-- 频道大全弹层 -->
                        <div class="dialog diapd" style="height: 0;">
                            <div class="column_wrapper">
                                <ul id="column_all_ul">
                                    <li>
                                        <a href="">
                                            <img src="https://p2.img.cctvpic.com/photoAlbum/page/performance/img/2021/8/16/1629103584480_890.png"
                                                alt="">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="navli">
                        <a>
                            栏目大全
                            <i class="navli_i"></i>
                        </a>
                        <!-- 栏目大全弹层 -->
                        <div class="dialog dia_Complete" style="height: 0;">
                            <div class="dialmcom" id="dialmcom">
                                <div class="title">
                                    <ul class="column_wrapper" id="dialog_ul2"></ul>
                                </div>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul0"
                                    style="display: block;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul2" style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul3" style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul4" style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul5" style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul6" style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul7" style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul8" style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul9" style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul10"
                                    style="display:none ;"></ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul11"
                                    style="display:none ;"></ul>

                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul12"
                                    style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul13"
                                    style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul14"
                                    style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul15"
                                    style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul16"
                                    style="display:none ;">
                                </ul>
                                <ul class="column_wrapper listbox dialmcom_ul" id="dialmcom_ul17"
                                    style="display:none ;">
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="https://tv.cctv.com/yxg/index.shtml" target="_blank">片库</a>
                    </li>
                    <li class="display">
                        <a href="https://tv.cctv.com/top/index.shtml" target="_blank">热榜</a>
                    </li>
                    <li class="navli display">
                        <a>
                            看点
                            <i class="navli_i"></i>
                        </a>
                        <!-- 看点弹层 -->
                        <div class="dialog diakd" style="height: 0;">
                            <div class="diakdcon">
                                <ul>
                                    <li>
                                        <div class="list">
                                            <a href="">微视频<i></i></a>
                                        </div>
                                        <div class="list">
                                            <a href="">视频百科</a>
                                        </div>
                                        <div class="list">
                                            <a href="">微视频</a>
                                        </div>
                                    </li>
                                    <li class="last">
                                        <div class="list">
                                            <a href="">ai美食<i></i></a>
                                        </div>
                                    </li>
                                    <div class="clear"></div>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="display">
                        <a href="https://tv.cctv.com/zhuchiren" target="_blank">主持人</a>
                    </li>
                    <li class="navli">
                        <a>
                            全部
                            <i class="navli_i"></i>
                        </a>
                        <!-- 全部弹层 -->
                        <div class="dialog dia_all" style="height: 0;">
                            <div class="column_wrapper">
                                <span>全部</span>
                                <ul class="alltitle">
                                    <li><a>直播</a></li>
                                    <li><a>节目单</a></li>
                                    <li><a>热榜</a></li>
                                    <li><a>主持人</a></li>
                                    <li><a>听音</a></li>
                                    <div class="clear"></div>
                                </ul>
                                <div class="clear"></div>
                                <div class="allpd">
                                    <i>频道大全</i>
                                    <ul id="allpd1_ul">
                                        <li></li>
                                    </ul>
                                    <div class="clear"></div>
                                </div>
                                <div class="alllm">
                                    <i>栏目大全</i>
                                    <ul>
                                        <li><a>新闻联播</a></li>
                                        <li><a>焦点访谈</a></li>
                                        <li><a>等着我</a></li>
                                        <li><a>今日说法</a></li>
                                        <li><a>海峡两岸</a></li>
                                        <li><a>今日关注</a></li>
                                        <li><a>今日亚洲</a></li>
                                        <li class="allmore"><a>更多</a></li>
                                    </ul>
                                    <div class="clear"></div>
                                </div>
                                <div class="alllm">
                                    <i>片库</i>
                                    <ul>
                                        <li><a>电视剧</a></li>
                                        <li><a>动画片</a></li>
                                        <li><a>纪录片</a></li>
                                        <li><a>特别节目</a></li>
                                        <li class="allmore"><a>更多</a></li>
                                    </ul>
                                    <div class="clear"></div>
                                </div>
                                <div class="alllm">
                                    <i>看点</i>
                                    <ul>
                                        <li><a>微视频</a></li>
                                        <li><a>视频百科</a></li>
                                        <li><a>微故事</a></li>
                                        <li><a>ai节目</a></li>
                                    </ul>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="navigation_right">
                <div class="navigation_headpic"></div>
                <!-- 搜索框 -->
                <div class="firstSearch">
                    <!-- 左部分text和弹出框 -->
                    <form target="_blank" method="get" action="http://www.baidu.com/s">
                        <div class="left">
                            <input type="text" placeholder="一线" value="一线" class="firstSearch_text firstSearchtext"
                                id="firstSearchtext2" name="wd">
                            <a href="https://tv.cctv.com/top/index.shtml" class="firstSearch_a">热榜</a>
                            <div class="sContent" id="sContent2" style="display: none;">
                                <!-- 热门搜索弹出框 -->
                                <div class="hotSearch">
                                    <div class="text">热门搜索</div>
                                    <div id="hotSearchdiv2"></div>
                                </div>
                            </div>
                        </div>
                        <!-- 右部分搜索蓝色框 -->
                        <div class="right">
                            <input type="submit" name="" id="" value="">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- 侧边的导航条 -->
    <div class="float_wrapper" id="float_wrapper" style="display: none;">
        <div class="float_con">
            <div class="float">
                <ul id="float_ul">
                    <li>
                        <a class="float_nav_a">今日热门</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="./JavaScript/ajax.js"></script>
    <script type="text/javascript" src="./JavaScript/method.js"></script>
    <script type="text/javascript" src="./JavaScript/video_vault.js"></script>
    <script type="text/javascript" src="./JavaScript/index.js"></script>
</body>

</html>